<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <!-- header 制作stare  -->
    <header class="w">
        <a href="index.html">
            <img src="images/logo.png" alt="">
        </a>
    </header>
    <!-- header 制作end   -->
    <main>
        <div class="big"> </div>
        <aside>
            <div class="box_header">
                <div class="left">
                    <a href="#">扫码登陆</a>
                </div>
                <div class="right">
                    <a href="#">账户登录</a>
                </div>
            </div>
            <div class="warning">公共场所不建议自动登录，以免账号丢失</div>
            <div class="login">
                <img src="images/账户.png" alt="">
                <input type="text" placeholder="邮箱/用户名/手机号">
            </div>
            <div class="password">
                <img src="images/输入密码.png" alt="">
                <input type="password" placeholder="请输入密码">
            </div>
            <div class="footer">
                <div class="footer-header">
                    <div class="left">
                        <input type="checkbox" name="" id="">
                        <p>自动登录</p>
                    </div>
                    <div class="right">
                        <a href="#">忘记密码?</a>
                    </div>
                </div>
                <div class="footer-main">
                    <input type="submit" value="登录">
                </div>
                <div class="footer-bottom">
                    <img src="images/qq.png" alt="">
                    <a href="#">立即注册</a>
                </div>
            </div>
        </aside>
    </main>
    <!-- footer 制作 stare -->
    <footer class="footer">
        <div class="w">
            <div class="three">
                <div class="link">
                    <a href="#">关于我们</a>
                    <a href="#">联系我们</a>
                    <a href="#">联系客服</a>
                    <a href="#">商家入驻</a>
                    <a href="#">营销中心</a>
                    <a href="#">手机品优购</a>
                    <a href="#">友情链接</a>
                    <a href="#">销售联盟</a>
                    <a href="#">品优购社区</a>
                    <a href="#">品优购公益</a>
                    <a href="#">English Site</a>
                    <a href="#">Contact U</a>
                </div>
                <div class="copyright">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱:
                    zhanghj+itcast.cn
                    <div class="last">京ICP备08001421号京公网安备110108007702</div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer 制作 end -->
</body>

</html>